﻿@model BBICMS.Application.ViewModels.WorkListVM
@using BBICMS.Model
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "案例展示";
}

@section header{
    <meta name="keywords" content="APP,网站建设,响应式,html5,css3,微网站,APP应用" />
    <meta name="description" content="尚橙，一流的品质，谛造上乘的产品。" />
}

@section scripts {
    <script src="~/Scripts/jquery.pjax.js"></script>
    <script>
        
   
        //当前菜单
        //  $("#nav li").removeClass("active").eq(2).addClass("active");

        
        $(document).ready(function () {

            $.pjax.defaults.timeout = 10000;
            if ($.support.pjax) {
                $(document)
                    .on('click',
                        'a[data-pjax]',
                        function(event) {
                            var container = $('#pjax-container .pjax-body');
                            $.pjax.click(event, { container: container });
                        });
            }

            $(document)
                .on('pjax:send',
                    function() {
                        $('#pjax-container')
                            .addClass('zoomIn')
                            .fadeIn(1000,
                                function() {
                                    $(this).removeClass('zoomIn');
                                });

                        $('#loading').show();
                    });

            $(document)
                .on('pjax:complete',
                    function() {
                        $('#loading').hide();

                        //$('#nav-overlying').addClass('flipOutY').fadeOut(1000, function () {
                        //    $(this).removeClass('flipOutY');
                        //});
                    });

            $('#pjax-container a.close').click(function (e) {
                e.preventDefault();
                $('#pjax-container').addClass('flipOutY').fadeOut(1000, function () {
                    $(this).removeClass('flipOutY');
                    history.back(-1);
                });
            });
       
    });
    </script>

}


<!-- PAGE TITLE ================================================== -->
<div class="page-work">
    <header class="title">
        <h2 class="animated fadeInDown">@ViewBag.Title</h2>
        <p class="animated fadeInUp">
            专注企业网站，响应式，手机网站，微信网站建设，策划。
        </p>
    </header>
    <div id="pjax-container" class="overlying pjax-container animated">
        <a href="#" class="close"><i class="iconfont icon-close"></i></a>
        <div class="pjax-body">

        </div>
    </div>


    <!-- products   ================================================== -->
    <section class="container">
        <div class="animated fadeInLeft solutions">
            <ul>
                <li><a href="@Url.Action("Index",new { cid=Model.TypeId })" class="@(Model.SolutionId==null?"active":"")"><i class="fa fa-th"></i> 全部案例</a></li>
                @foreach (var s in Model.Solutions)
                {
                    <li>
                        <a href="@Url.Action("Index",new {sid= s.Id,cid=Model.TypeId})" class="@(Model.SolutionId==s.Id?"active":"")">@s.Title</a>
                    </li>
                }
            </ul>
        </div>
        <div class="animated fadeInRight categories">
            <ul>
                <li><a href="@Url.Action("Index", new {sid = Model.SolutionId})" class="@(Model.TypeId == null ? "active" : "")"><i class="fa fa-th"></i> 所有分类</a></li>
                @foreach (var category in Model.Types)
                {
                    <li>
                        <a href="@Url.Action("Index", new {sid = Model.SolutionId, cid = category.Id})" class="@(Model.TypeId == category.Id ? "active" : "")">@category.Title</a>
                    </li>
                }
            </ul>
        </div>

        <!-- Filtering Menu ================================================== -->
        <!-- END filtering menu -->


            <div class="row productlist" id="productlist">
                @foreach (var work in Model.Works)
                {
                    Html.RenderPartial("_PartialWorkBox", work);
                }
            </div>
        <div class="text-right m-b-50">
            @Html.PagedListPager(Model.Works, page => Url.Action("Index", new { page, sid = Model.SolutionId, cid = Model.TypeId }))
        </div>
      

    </section>

</div>




